<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/easyui/locale/easyui-lang-zh_CN.js"></script>
<link href="<%=request.getContextPath()%>/easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/jPages.css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/css/animate.css">
<script src="<%=request.getContextPath()%>/js/jquery-1.8.2.min.js"></script>
<script src="<%=request.getContextPath()%>/js/jPages.js"></script>
<style>
	.yes{
		width: 96px;
	    height: 35px;
	    line-height: 35px;
	    color: #fff;
 	  	background: url(/htx-backer/images/btnbg1.png) repeat-x;
	    font-size: 14px;
	    font-weight: bold;
	    border-radius: 3px;
	    cursor: pointer;
    }
</style>
<script type="text/javascript">
$(function(){  
	$("div.holder").jPages({  
	  containerID : "item", 
	  first:"首页", 
	  previous : "上一页",  
	  next : "下一页",
	  last:"尾页",  
	  perPage : 10,  
	  //delay : 100,
	  //动画效果
	  //animation:"bounceInLeft"
	});  
 });  
</script>
<script type="text/javascript">
$(document).ready(function(){
  $(".click").click(function(){
 	 $(".tip").fadeIn(200);
  });
  
  $(".sure").click(function(){
 	 $(".tip").fadeOut(100);
  });

  $(".cancel").click(function(){
	  $(".tip").fadeOut(100);
	  $(".butongguo").fadeOut(100);
	  $(".account").fadeOut(100);
  });
});
</script>
</head>

<body>
	<div class="place">
		<span>位置：</span>
		<ul class="placeul">
			<li><ema href="javascript:void">首页</em></li>
			<li><ema href="javascript:void">财务管理</em></li>
			<li><ema href="javascript:void">VIP统计</em></li>
		</ul>
	</div>
	<div class="rightinfo">
		<div class="tools">
			<form action="<%=request.getContextPath()%>/selectVipList" method="post" name="serch">
				<td class="zi">提现时间：</td>
				<td><input type="date" name="startTime" style="border:1px solid #d7a372;"/>至<input type="date" name="endTime" style="border:1px solid #d7a372;"/></td>
			<div class="toolbar1">
				<table>
					<tr>
						<td class="zi"><span>用户等级</span></td>
						<td><select name="integral_rank">
								<option selected="selected" value="">请选择分类</option>
								<option value="普通会员">普通会员</option>
								<option value="铜牌会员">铜牌会员</option>
								<option value="银牌会员">银牌会员</option>
								<option value="金牌会员">金牌会员</option>
						</select></td>
						<td class="zi" ><span>&nbsp;&nbsp;&nbsp;&nbsp;模糊搜索</span></td>
						<td><input type="text" placeholder="请输入用户手机号" name="mobile"/></td>
						<td><input type="submit" value="查询" class="button" /></td>
					</tr>
				</table>
			</div>
			</form>
		</div>
		<table class="tablelist">
			<thead>
				<tr>
					<th>姓名</th>
					<th>手机号</th>
					<th>用户等级</th>
					<th>支付方式</th>
					<th>支付金额</th>
					<th>加入次数</th>
					<th>交易时间</th>
					<th>到期时间</th>
				</tr>
			</thead>
			<tbody class="tb" id="item">
				<c:forEach items="${lists}" var="data">
					<tr>
						<td>${data.username}</td>
						<td>${data.mobile}</td>
						<td>${data.integral_rank}</td>
						<td>
							<c:if test="${data.pay_method == 1}">微信</c:if>
							<c:if test="${data.pay_method == 2}">支付宝</c:if>
						</td>
						<td>${data.money}</td>
						<td>${data.counts}</td>
						<td>${data.create_time}</td>
						<td>${data.expire_time}</td>
						<input type="hidden" value="${data.id}"/>
					</tr>
				</c:forEach>
			</tbody>
		</table>
		<div style="clear:both;"></div>
		<!-- 分页的页码 -->
		<div class="holder"></div>
		共${nums}条记录
		<div class="tip">
			<div class="tiptop">
				<span>提示信息</span>
			</div>
			<div class="tipinfo">
				<span><img src="<%=request.getContextPath()%>/images/ticon.png" /></span>
				<div class="tipright">
					<p>是否确认审核通过 ？</p>
					<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
				</div>
			</div>
			<div class="tipbtn">
				<input name="" type="button" class="sure" value="确定"/>&nbsp;<input name="" type="button" class="cancel" value="取消" />
			</div>
		</div>
		
		<div class="butongguo" style="width:485px; height:260px; position:absolute;top:10%; left:30%;background:#fcfdfd;box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px;behavior:url(js/pie.htc); display:none; z-index:111111;">
			<div class="tiptop">
				<span>提示信息</span>
			</div>
			<div class="tipinfo">
				<span><img src="<%=request.getContextPath()%>/images/ticon.png" /></span>
				<div class="tipright">
					<p>是否确认审核不通过 ？</p>
					<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
				</div>
			</div>
			<div class="tipbtn">
				<input name="" type="button" class="sure" value="确定"/>&nbsp;<input name="" type="button" class="cancel" value="取消" />
			</div>
		</div>
		
		<div class="account" style="width:485px; height:260px; position:absolute;top:10%; left:30%;background:#fcfdfd;box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px;behavior:url(js/pie.htc); display:none; z-index:111111;">
			<div class="tiptop">
				<span>提示信息</span>
			</div>
			<div class="tipinfo">
				<span><img src="<%=request.getContextPath()%>/images/ticon.png" /></span>
				<div class="tipright">
					<p>是否确认到账？</p>
					<cite>如果是请点击确定按钮 ，否则请点取消。</cite>
				</div>
			</div>
			<div class="tipbtn">
				<input name="" type="button" class="yes" value="确定"/>&nbsp;<input name="" type="button" class="cancel" value="取消" />
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$('.tablelist tbody tr:odd').addClass('odd');

		  function update(a){
			  var states = $(a).text();
			  if(states == "审核通过"){
				  $(".tip").fadeIn(500);
			  }else if(states == "审核不通过"){
				  $(".butongguo").fadeIn(500);
			  }
			  $(".sure").click(function(){
		      	 var id = $(a).parent().parent().find("input[name=wid]").val();
		      	 var userid = $(a).parent().parent().find("input[name=userid]").val();
		      	 var username = $(a).parent().parent().find("input[name=username]").val();
		      	 window.location.href="/htx-backer/updateWithdrawStatus?idd="+id+"&states="+states+"&userid="+userid+"&username="+username;
		      });
		  }
		  
		  function account(a){
			  $(".account").fadeIn(500);
			  $(".yes").click(function(){
		      	 var id = $(a).parent().parent().find("input[name=wid]").val();
		      	 var userid = $(a).parent().parent().find("input[name=userid]").val();
		      	 var username = $(a).parent().parent().find("input[name=username]").val();
		      	 window.location.href="/htx-backer/updateWithdrawStatus?idd="+id+"&states="+states+"&userid="+userid+"&username="+username;
		      });
		  }
	</script>
	
</body>
</html>
